@charset "utf-8";
body { margin:0; padding:0; width:100%; background: #fafafa;}
html { padding:0; margin:0;}

.main { margin:0 !important; padding:0;}
.resize { width:960px; padding:0; margin:0 auto;}
/********** header **********/
.header_resize {background: url(images/header_bg.gif) top repeat-x; margin:0; padding:0; height: 70px; }
.header { width:960px; padding:0; margin:0 auto; }
.header_blog { background: url(images/header_block_bg.jpg) top center repeat-x; padding:20px 0 0 0; margin:0; height:380px;}
.header_blog2 { background: url(images/header_bglog2_bg.gif) top center repeat-x; padding:20px 0 0 0; margin:0; height:105px;}
.header_blog2 h2 { width:350px; float:left; font: bold 36px Arial, Helvetica, sans-serif; color:#292929; padding:10px 0 0 15px; margin:0;}
.header_blog2 p { font: italic 12px Arial, Helvetica, sans-serif; color:#6d6d6d; padding:10px 0 0 0; margin:0; width:300px; float:right;}
.header_blog h2 { font: normal 18px Arial, Helvetica, sans-serif; color:#1d1d1d; padding:10px 0 0 0; margin:0;}
.header_blog p { font: normal 11px Arial, Helvetica, sans-serif; color:#fff; padding:0 0 30px 0; margin:0;}
/* logo */
.logo {padding:0; margin:0; width:300px; float:left; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 35px; font-weight: bold; color:#acd2e4; padding:10px 0 0 0; margin:0; }
.logo1 {font-size: 20px; margin: -8px 55px; }
/*menu*/
.menu { padding:13px 0 0 0; margin:0 ; width:620px;  float:right; }
.menu ul { text-align: right;  padding:0; margin:0; list-style:none; border:0; float:right;}
.menu ul li { float:left; margin:0; padding:0 5px; border:0;}
.menu ul li a { float:left; margin:0; padding:12px 0; color:#fffefe; font:normal 11px Arial, Helvetica, sans-serif; text-decoration:none; text-transform:uppercase;}
.menu ul li a span { padding:12px 9px; background:none;}
.menu ul li a:hover {  background: url(images/r_menu.gif) no-repeat right;}
.menu ul li a:hover span {   background:url(images/l_menu.gif) no-repeat left;}
.menu ul li a.active {  background:url(images/r_menu.gif) no-repeat right;}
.menu ul li a.active span {   background:url(images/l_menu.gif) no-repeat left;}
.input-button {width: 35px !important; height: 35px !important; margin-top: 5px;}
.input-text {margin-top: 10px;}
/* body */
.body_resize  { padding:0; width:960px; margin:0 auto; }
.user_project_view {text-align: center; border: 0 !important;}
#user_project_view {width:600px; margin:0px auto; text-align:left; padding:10px; font:normal 12px Arial, Helvetica, sans-serif;}
.body { padding:20px 0; margin:0 auto; background: #fafafa;}
.body h2 { font:normal 20px Arial, Helvetica, sans-serif; color:#171717; padding:10px 5px 20px 5px; margin:0;}
.body p { font:normal 12px Arial, Helvetica, sans-serif; color:#898989; line-height:1.8em; padding:3px 5px; margin:0;}
.body p span { color:#247ca4; font: normal 12px Arial, Helvetica, sans-serif; line-height:1.8em; padding:5px 0; margin:0;}
.body a { color:#153E7E; text-decoration:underline; font: bold 12px Arial, Helvetica, sans-serif;}
.body img { margin:5px auto; padding:0;}
.body img.floated { float:left; margin:10px 10px; padding:0;}
.full { margin:0; padding:10px;}
/* right and left orientation depends on the float attribute */
.right { width:300px;margin:0; padding:10px; float:left; font: normal 13px Arial, Helvetica, sans-serif;  }
.left {width:620px;margin:0; padding:10px; float:right; font: normal 13px Arial, Helvetica, sans-serif;}
#breed_name_header {color: #151538; font: oblique 23px Arial, Helvetica, sans-serif; font-weight: bold;}
.sign_title {font: normal 20px Arial, Helvetica, sans-serif; color: black;}
.sign_table {color: black; width: 300px;}

.blog_port { width:281px; margin:0 5px; padding:15px 10px; float:left; border:1px solid #ddd; background:#fefefe;}
.blog_port img { margin:0; padding:0 5px 10px 5px; float:none;}
.butons { width:50px; margin:10px auto; padding:0;}
/*.body_bottom */
.body_bottom { background:#f8f8f8; padding:0; margin:0; border-bottom:1px solid #e9e9e9;}
.body_bottom .block { width:300px; float:left; padding:15px 10px; margin:0;}
.body_bottom h2 { font: normal 20px Arial, Helvetica, sans-serif; color:#171717; padding:15px 10px; margin:0;}
.body_bottom h2 span { font: italic 11px Arial, Helvetica, sans-serif; color:#247ca4;}
.body_bottom p { font: normal 12px Arial, Helvetica, sans-serif; color:#9a9a9a; padding:10px 5px; margin:0; line-height:1.8em;}
.body_bottom img { float:left; margin:10px 10px 10px 0; padding:0;}
.body_bottom_resize { width:960px; padding:0; margin:0 auto;}
/********** contact form **********/
#contactform { margin:0; padding:5px 10px; }
#contactform * { color:#F00; }
#contactform ol { margin:0; padding:0; list-style:none; }
#contactform li { margin:0; padding:0; background:none; border:none; display:block; clear:both; }
#contactform li.buttons { margin:5px 0 5px 0; clear:both; }
#contactform label { margin:0; width:100px; display:block; padding:10px 0; color:#898989; font: normal 12px Arial, Helvetica, sans-serif; text-transform:capitalize; float:left; }
#contactform label span { color:#F00; }
#contactform input.text { width:450px; border:1px solid #e1e1e1; margin:2px 0; padding:5px 2px; height:16px; background:#fff; float:right; }
#contactform textarea { width:450px; border:1px solid #e1e1e1; margin:2px 0; padding:2px; background:#fff; float:right; }
#contactform li.buttons input { padding:3px 0 3px 480px; margin:10px 0 0 0; border:0; color:#FFF; float:left; }

/*************footer**********/
.footer {padding:10px;  margin-top: 15px; border-top:1px solid #e9e9e9; background:#ececec; width:940px; margin-left: auto; margin-right: auto; }
.footer_resize { width:940px;  margin:0 auto; padding:10px 0 20px 0;}
.footer p { font:normal 12px  Arial, Helvetica, sans-serif; color:#777;}
.footer a { font:bold 12px Arial, Helvetica, sans-serif; color:#777; text-decoration:none; padding:5px; margin:0;}
.footer p.right { text-align:right; width:350px; margin:0; padding:15px 0 0 0; float:right;} 
.footer p.leftt { text-align:left; width:550px; margin:0; padding:15px 0 0 0; float:left;}

p.clr, .clr { clear:both; padding:0; margin:0; background:none;}
li.bg, .bg { float:right; clear:both; border-top:1px solid #e2e2e2; width:100%; padding:0; margin:5px 0; background:none; line-height:0;}

/* Slider */
#slider {  width:960px; padding:0 0 0 0; margin:0 auto;}
div#slideshow { float: left; width: 100%; height: 341px; }
.slider-item { width: 100% !important; height: 341px; }
.slider_content_inner img { border: none; }
.controls-center { width: 960px; margin-left: auto; margin-right: auto; }
#slider_controls { float: right; position: relative; margin:10px 0 0 0; z-index: 1000; width:960px; height:23px;}
#slider_controls ul { margin:0 auto; padding:2px 23px 2px 0; width:100px;}
#slider_controls ul li { margin: 0; padding: 0; list-style: none; }
#slider_controls ul li { float: left; display: block; }
#slider_controls ul li a { width: 10px; height: 10px; background:url('images/tabs_2.gif') no-repeat center center; display: block; float: left; padding:2px; margin:2px !important; margin:1px 1px; outline: none; }
#slider_controls ul li a:focus { outline: none; }
#slider_controls ul li a:hover,
#slider_controls ul li a.activeSlide { background:url('images/tabs_1.gif') no-repeat center center; }

/* project table */
.project_table {width: 630px !important; }
.project_table td {padding: 2px; }
.project_table label {font-weight: bold; color:  #24392E;}
.table_header {font: bold 12px Arial, Helvetica, sans-serif;}
.table_header a {color: #151538;}
#breed {color: #153E7E; font: bold 11px Arial, Helvetica, sans-serif;}
#dna_seq_text {word-break: break-all; word-wrap: break-word;}

/* input table */
.input_table label {padding: 0; width: 630px; border: thin; font-weight: bold;}
.it_stats {margin-left: -50px; padding: 0; font-weight: bold; width: 630px; }
.it_stats_lbls {padding: 0; text-align: right;}
.radio {width: 400px; }
.it_labels {text-align: right; padding-right: 30px;}
.reqd {color: red;}

.img_area a:hover{ cursor: pointer;}
.img_area {width:630px; margin:0 auto; }
.img_area ul, .img_area ul p {margin:0; padding:0; list-style-type:none; }
.img_area ul li { display:inline; } 
.img_area ul li a { display:block; margin:1px;float:left; padding:1px; border:1px solid #ccc; width:120px; height: 180px;}
.img_area ul p {text-align:center; padding:2px 0 2px 0;}


.google_map {width: 630px !important;  margin-left: auto; margin-right: auto;}
.google_map td {padding: 1px 0 1px 10px; text-align:center;}

.error{ font:normal 12px Arial, Helvetica, sans-serif; color:red; line-height:1.8em; padding:0; margin:0;}
	
.hidden{ visibility: hidden; display: none; font:normal 12px Arial, Helvetica, sans-serif;}

.verify { margin-top: 4px; margin-left: 9px; position: absolute; width: 16px; height: 16px;}
.username {font-style: italic; color: #247CA4;}

.warning_message {border-width: .2em; border-style: solid; border-color: #151538; width: 608px !important; height: 100px; padding: 10px; }
#warning_img {padding: 5px; float: left;}
#update_button {margin: auto 170px auto 170px; padding: 3px 15px 3px 15px;}
.signup_pos {width:100%;margin-left:250px; padding:10px; font: normal 13px Arial, Helvetica, sans-serif;}

#search_result_table{border: 1px; width: 630px !important; padding: 2px; background-color: gray; }

.thumbnail-item { position: relative; float: left; margin: 0px 5px; }
 
.thumbnail-item a { display: block; }
 
.thumbnail-item img.thumbnail {border:3px solid #ccc; }
         
.tooltip { display: none; position: absolute; padding: 8px 0 0 8px; }
 
.tooltip span.overlay { background: url(images/overlay.png) no-repeat; position: absolute; top: 0px; left: 0px; display: block; width: 350px; height: 200px;}